<template lang="pug">
    div.app.flex.column
        AppNav
        div.body.grow.flex.relative.row
            div.sidebar
                AppMenu
            div.container.grow.relative
                router-view
</template>

<script>
    import AppNav from './components/common/nav';
    import AppMenu from './components/common/menu/main';
    import ArticleList from './components/article/main';
    export default {
        components:{
            AppNav,
            ArticleList,
            AppMenu
        }
    }
</script>

<style lang="less">
    @import '~variable.less';
    @import '~mixin.less';
    .app{
        .absolute();
        min-width: 800px;
        .sidebar{
            width:@sidebarWidth;
            background-color: #f4f6f7;
            color: #607D8B;
            box-shadow: 0 0 10px;
        }
    }
</style>